<!doctype html>
<html>
    <head>
        <title>test</title>
        <meta charset="utf-8" />
        <style>
         body {
             margin: 0;
             padding: 0;
             background-color: #000000;
         }
        </style>
        <script src="pixi.dev.js"></script>
        <srcipt src="vector.js"></srcipt>
    </head>
    <body>
        <script type="text/javascript">
         // create an new instance of a pixi stage
	 var stage = new PIXI.Stage(0xFFFFFF);
         
         // create a renderer instance.
	 var renderer = new PIXI.autoDetectRenderer(400, 400);
         document.body.appendChild(renderer.view);

         var pen = new PIXI.Graphics();
         stage.addChild(pen);
         
         pen.lineStyle(1, 0x000000);
         pen.drawPath([200, 200,
                       100, 200,
                       200, 100
         ]);

         renderer.render(stage);
         /* requestAnimFrame(animate);
            function animate() {
            requestAnimFrame(animate);
            renderer.render(stage);
            } */

        </script>
    </body>
</html>
